@nav-color: #f8b62d;

body {
    display: block;

    #app {
        background: #eee;
    }
}

.weui-tab__panel {
    height: auto;
}

.loader {
    text-align: center;
    margin-top: 6px;
}

.recipient-number {
    margin-top  : 0.1rem;
    background  : #fff;
    padding-left: 0.1rem;
    color       : #999;
    height      : 0.35rem;
    line-height : 0.35rem;
    font-size   : 12px;

    &.delivery-number {
        margin-top: 0;
        background: none;
    }
}

.MyPackage {
    .weui-tab__panel {
        .delivery-cards {
            .delivery-card {
                margin-top: 10px;

                &:first-child {
                    margin-top: 0;
                }
            }
        }
    }

    .weui-navbar__item {
        background: #fff;
    }

    .weui-navbar__item.weui-bar__item_on {
        background   : #fff;
        color        : @nav-color;
        border-bottom: 2px solid @nav-color;
    }

    .weui-navbar__item:after {
        display: none;
    }
}

.unmanned-content {
    position: relative;
    height  : calc(~'100% - 62px');

    .weui-navbar__item {
        color: #999;

        .badge {
            position        : absolute;
            top             : 8px;
            right           : 16px;
            background-color: #f00;
            color           : #fff;
            font-size       : 12px;
            width           : 16px;
            height          : 16px;
            border-radius   : 50%;
            display         : flex;
            align-items     : center;
            justify-content : center;
        }
    }

    .unmanned-list {
        height  : calc(~'100vh - 112px');
        position: absolute;
        width   : 100%;
        top     : 50;
        overflow: auto;
    }

    .weui-navbar__item.weui-bar__item_on {
        background   : #fff;
        color        : #000;
        border-bottom: none;
    }
}